<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%">
			<!-- 直线 -->
			<line x1='0' y1='150' x2='150' y2='150' style='stroke: red;stroke-width: 10;'></line>
		</svg>
		
		<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%">
			<!-- 折线（z） -->
			<polyline points="0,40 40,40 0,80 50,80" style="fill:white;stroke:red;stroke-width:4" />
		</svg>
		
		<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="300">
			<!-- 折线（三角形） -->
			<polyline points="220,10 300,210 170,250 123,234" style="fill:white;stroke:red;stroke-width:4" />
		</svg>
		
		<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="300">
			<!-- 多边形 -->
			<polygon points="220,10 300,210 170,250 123,234" style="fill:red;stroke:black;stroke-width:4" />
		</svg>
		
		<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="300">
			<!-- 兔子耳朵 -->
			<path d="M30 300 
			L 110 215 
			A 25 50 0 0 1 162.55 162.45 
			L 172.55 152.45 
			A 25 50 -45 0 1 215.1 109.9 
			L 315 10" 
			stroke="black" 
			fill="pink" 
			stroke-width="3" 
			fill-opacity="0.5" />
		</svg>
		
		<svg width="480" height="320" viewBox='0 0 960 640' transform="scale(1)" >
		    <!-- 旗帜 -->
		    <rect x='0' y='0' width='960' height='640' fill='red'/>
		    <!-- 大五角星 -->
		    <path d="M160,79
		    L112.3894,225.5304
		    L237.0356,134.9696
		    L82.9644,134.9696
		    L207.6106,225.5304
		    Z" fill='yellow'/>
		
		    <!-- 小五角星从上到下 -->
		    <path d="M292.5602,80.4639
		    L351.8765,66.8091
		    L295.8626,42.9908
		    L327.1787,95.1844
		    L332.522,34.5518
		    Z" fill='yellow'/>
		
		    <path d="M352.3216,132.5255
		    L406.9683,105.7187
		    L378.5148,159.5264
		    L369.9069,99.2705
		    L412.2884,142.9589
		    Z" fill='yellow'/>
		
		    <path d="M353.2312,215.2089
		    L403.7252,249.1976
		    L382.8547,192.0206
		    L366.1311,250.5462
		    L414.0597,213.0267
		    Z" fill='yellow'/>
		
		    <path d="M295.0122,268.0098
		    L351.9655,289.485
		    L293.2665,305.5875
		    L331.2902,258.0579
		    L328.4656,318.8599
		    Z" fill='yellow'/>
		       
		</svg>
		
		<svg xmlns="http:www.w3.org/200/svg" width="400px" height="200px">  
			<!-- 背景板-->
			<rect x="0" y="0" width="400" height="200" stroke="pink" stroke-width="1" />
			<circle cx="0" cy="100" r="30" fill="blue" stroke="red" stroke-width="1">
				<animate attributeName="cx" from="0" to="100" dur="5s" repeatCount="indefinite"></animate>
			</circle>
			<circle cx="0" cy="100" r="30" fill="red" stroke="pink" stroke-width="1">
				<animate attributeType="XML" attributeName="cx" from="200" to="0" dur="5s" repeatCount="indefinite" />  
			</circle>	   
		</svg>
		<svg xmlns="http:www.w3.org/200/svg" width="400px" height="200px">
		<img src="qiu.svg">
		</svg>
	</body>
</html>
